﻿@{
    ViewBag.Title = "userAdd";
}
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Content/bootstrap.min.js"></script>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Content/layer-v2.4/layer/layer.js"></script>

<style>
    .col-md-5 {
        height: 200px;
        margin-top: 20px;
    }

    .panel-heading {
        height: 40px;
    }

    .panel-body {
        height: 30px;
    }

        .panel-body a {
            font-size: 12px;
            margin-top: -23px;
        }

    .tit {
        font-size: 14px;
        margin-top: -23px;
    }

    p {
        margin-top: -7px;
        text-align: right;
        margin-right: 10px;
    }

        p a {
            font-size: 12px;
            color: #ccc;
        }
</style>

<button class="btn btn-lg" onclick="showxx()" data-toggle=" modal" data-target="#myModal" style="margin-top:20px;">
    <span class="badge glyphicon glyphicon-plus" style="cursor:pointer">
    </span>批量导入
</button>

<div style="width:100%; margin:0 auto;">
    <div class="col-md-5">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h5><a href="#" class="tit">新建学生信息</a></h5>
            </div>
            <div class="panel-body" style="height:400px;">
                <table class="table">
                    <tr>
                        <td>学生姓名</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>学生性别</td>
                        <td><input type="radio" id="" name="stu" />男<input type="radio" id="" name="stu" />女</td>
                    </tr>
                    <tr>
                        <td>学生年龄</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>学生邮箱</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>学生电话</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>学院</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>系(专业）</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>班级</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><input type="button" value="添加" /></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="col-md-5">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h5><a href="#" class="tit">创建讲师信息</a></h5>
            </div>
            <div class="panel-body" style="height:530px;">
                <table class="table">
                    <tr>
                        <td>教师姓名</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td><input type="radio" id="" name="sex" />男<input type="radio" id="" name="sex" />女</td>
                    </tr>
                    <tr>
                        <td>年龄</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>邮箱</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>学历</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>电话</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>住址</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>学院</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>系(专业）</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>阶段</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td>科目</td>
                        <td><input type="text" id="" name="" /></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><input type="button" value="添加" /></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>


<script>

    //点击商品名称查看详情，弹出模态窗口并且显示数据
    function showxx() {

        //手拼table表格
        var StrHtml = "<form action=\"/Admin/Import\" method=\"post\" enctype=\"multipart/form-data\" >";
        StrHtml += "<table class=\"table table-hover\">";
        StrHtml += "<tr><td>请选择上传文件</td><td><input  type=\"file\" name='myfile' /></td></tr>";
        StrHtml += "<tr><td>请选择类型</td> <td><select name=\"typeId\"> ";
        StrHtml += "<option value=\"0\">请选择</option>  <option value=\"1\">讲师</option>";
        StrHtml += " <option value=\"2\">学生</option> </select>    </td></tr>";
        StrHtml += "<tr><td></td><td><input type=\"submit\" value=\"导入\"/></td></tr>";
        StrHtml += "</table></form>";

        //定义一个弹窗
        layer.open({
            type: 1,
            skin: "layui-layer-rim",
            title: "批量导入信息",
            area: ["600px", "400px"],
            content: StrHtml
        })
    }
</script>